<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
</head>

<body>
    <!-- <div id="app"></div> -->
    <div>
        <div style="width:280px;height:180px;background:rgba(22,80,158,0.8);border:1px solid rgba(7,166,255,0.7)">
            <div style="height:40px;line-height:40px;border-bottom:2px solid rgba(7,166,255,0.7);padding:0 20px">
                <i style="display:inline-block;width:8px;height:8px;background:#16d6ff;border-radius:40px;"></i>
                <span style="margin-left:10px;color:#fff;font-size:16px;">10</span></div>
            <div style="padding:20px">
                <p style="color:#fff;font-size:12px;">
                    <i style="display:inline-block;width:10px;height:10px;background:#16d6ff;border-radius:40px;margin:0 8px"></i> 单位总数：
                    <span style="color:#11ee7d;margin:0 6px;">aa</span>个</p>
                <p style="color:#fff;font-size:12px;">
                    <i style="display:inline-block;width:10px;height:10px;background:#16d6ff;border-radius:40px;margin:0 8px"></i> 总人数：
                    <span style="color:#f48225;margin:0 6px;">100</span>个</p>
                <p style="color:#fff;font-size:12px;">
                    <i style="display:inline-block;width:10px;height:10px;background:#16d6ff;border-radius:40px;margin:0 8px"></i> 总人数：
                    <span style="color:#f4e925;margin:0 6px;">1111</span>个</p>
                <p style="color:#fff;font-size:12px;">
                    <i style="display:inline-block;width:10px;height:10px;background:#16d6ff;border-radius:40px;margin:0 8px"></i> 总人数：
                    <span style="color:#25f4f2;margin:0 6px;">1121</span>个</p>
            </div>
        </div>
    </div>
</body>

</html>